.rideing {
	background-color: #1592cc;
	color: #fff;
	padding: 0 20px;
	// 头部
	.head {
		padding-top: 10px;
	}
	.distance {
		text-align: center;
		padding: 50px 0 80px;
		#distancenum {
			font-size: 50px;
			font-weight: bold;
		}
	}
	.gps {
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #fff;
		height: 20px;
		#ico {
			font-size: 50px;
			background-color: #1592cc;
			height: 50px;
			padding: 0 10px;
		}
		#gps {
			height: 40px;
			background-color: #1592cc;
			line-height: 40px;
			padding: 0 10px;
		}
	}
	.panel {
		margin-top: 80px;
		display: flex;
		justify-content: space-around;
		line-height: 2em;
		text-align: center;
		span {
			display: block;
		}
		.iconfont {
			font-size: 30px;
		}
	}
	.btn {
		margin-top: 50px;
		display: flex;
		justify-content: space-around;
		div {
			width: 100px;
			height: 100px;
			border-radius: 50%;
			text-align: center;
			padding: 20px 0;
		}
		span {
			display: block;
			text-align: center;

			font-size: 40px;
		}
		.play {
			background-color: #79f0c2;
			display: none;
		}
		.pause {
			background-color: #fff;
			color: #1592cc;
		}
		.end {
			background-color: red;
			display: none;
		}
	}
}
